/*base*/
body,html,div,p,table,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;}
ul,ol,li,dl,dt,dd{list-style:none;}
img,a{border:none;}
em,i{font-style:normal;}
a{outline:none;text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);}
a:active{background:rgba(1,148,225,0.2);}
body{font-family:"微软雅黑",Arial,Helvetica;font-weight:normal;text-shadow:none;background:#f0f0f0;width:100%;height:100%;position:relative;}
.clear{width:0px;height:0px;font-size:0px;line-height:0px;clear:both;overflow:hidden;}

/*页面框架*/
#web_wrap{
	-webkit-transform-origin:top;
	transform-origin:top;
	width:320px;
	margin:0px auto;
	position:relative;
	/*-webkit-transition:0.3s;
	-ms-transition:0.3s;
	-moz-transition:0.3s;
	transition:0.3s;
	right:0px;*/
}

/*页面内容*/
.container{width:320px;margin:0px auto;}

.bg_box{width:320px;min-height:625px;background:#3c4b55 url(../images/bg01.jpg) center top no-repeat;background-size:320px auto;position:relative;}
.bg_box .rule{display:block;width:67px;height:20px;background:#fff;border:1px solid #37bc9b;border-radius:5px;text-align:center;padding:2px 0px 1px 0px;font-size:14px;color:#37bc9b;float:right;margin-top:20px;margin-right:10px;}
.bg_box .rule:active{background:#1cfcc4;}
.bg_box .gamestart{display:block;width:136px;height:43px;background:#ffa800;border-radius:5px;text-align:center;line-height:43px;font-size:20px;color:#fff;float:left;margin-top:280px;margin-left:95px;}
.bg_box .gamestart:active{background:#ffd800;}

.rule_text{width:225px;font-size:12px;color:#fff;float:left;margin-top:35px;margin-left:60px;}
.rule_text p{margin-top:6px;letter-spacing:1px;}
.rule_text p em{color:#ffa800;}

.ranking{width:288px;min-height:300px;background:rgba(76,93,105,0.7);border:1px solid #61bc62;border-radius:10px;float:left;margin-top:80px;margin-left:15px;margin-bottom:75px;position:relative;padding-bottom:30px;}
.ranking_title{width:201px;height:36px;background:url(../images/icon.png) 0px 0px no-repeat;background-size:500px auto;font-size:18px;color:#fff;text-align:center;position:absolute;left:40px;top:-11px;}

.nameline{width:270px;margin:0px auto;margin-top:10px;}
.nameline .num1{width:22px;height:27px;background:url(../images/icon.png) 0px -67px no-repeat;background-size:500px auto;font-size:12px;color:#fff;text-align:center;line-height:32px;float:left;margin-top:8px;}
.nameline .num2{width:22px;height:27px;background:url(../images/icon.png) 0px -104px no-repeat;background-size:500px auto;font-size:12px;color:#a3a2a2;text-align:center;line-height:32px;float:left;margin-top:8px;}
.nameline .num3{width:22px;height:27px;background:url(../images/icon.png) 0px -67px no-repeat;background-size:500px auto;font-size:12px;color:#fff;text-align:center;line-height:32px;float:left;margin-top:8px;}
.nameline .num{width:20px;height:20px;font-size:12px;color:#fff;text-align:center;line-height:20px;float:left;margin-top:10px;border:1px solid #e4aa4e;border-radius:50%;}
.nameline img{float:left;width:41px;border-radius:50%;margin-left:10px;}
.nameline .name{float:left;color:#fff;font-size:14px;line-height:41px;margin-left:15px;}
.nameline .km{float:right;color:#fff;font-size:14px;line-height:41px;margin-right:5px;}


.footer{color:#858585;text-align:center;font-size:12px;position:absolute;bottom:0px;margin:20px 0px;}
.footer p{display:inline-block;width:100%;text-align:center;}

